<template>
  <div class="view">
    <item v-for="item in info" :url="item.url" :content="item.content" :up="item.up" :watch="item.watch"></item>
  </div>
</template>

<script>
  import Item from "./Item.vue"

  export default {
    name: "Bottom",
    data(){
      return {
        info:[
          {url: new URL("@/assets/img/anime/p1.webp", import.meta.url),content:'【铠甲勇士】历代终极铠甲初次登场是怎么装逼的',
            up:"将军剑s",watch:256.0},
          {url: new URL("@/assets/img/anime/p2.webp", import.meta.url),content:'【排球少年/手书】日向翔阳的35亿',
          up:"_Forelsket_",watch:12.5},
          {url: new URL("@/assets/img/anime/p3.webp", import.meta.url),content:'【手绘动画】假面骑士Faiz 深红电钻',
          up:"叮史多",watch:41.3},
          {url: new URL("@/assets/img/anime/p4.webp", import.meta.url),content:'【原创配音】宫子为了报答布丁之恩哄你睡觉',
          up:"米糊zzZ",watch:13.2},
          {url: new URL("@/assets/img/anime/p5.webp", import.meta.url),content:'能不能暴富就靠你了',
          up:"进击的金厂长",watch:29.3},
          {url: new URL("@/assets/img/anime/p6.webp", import.meta.url),content:'怎么样才能成为校园四霸？',
          up:"半截之手",watch:176.3},
          {url: new URL("@/assets/img/anime/p7.webp", import.meta.url),content:'【文野/双黑】不论多少次我都会与你相遇',
          up:"千律",watch:2.0},
          {url: new URL("@/assets/img/anime/p8.webp", import.meta.url),content:'"ℂ𝕙𝕣𝕚𝕤𝕥𝕚𝕟𝕒,𝔽𝕒𝕣𝕖𝕨𝕖𝕝𝕝 𝕗𝕠𝕣𝕖𝕧𝕖𝕣"',
          up:"手动冰袋RI",watch:1.3}
        ]
      }
    },
    components: {
      Item
    }
  }
</script>

<style scoped>
  .view {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    /*width: 400px;*/
  }
</style>